<template>
  <div class="city">
    <checkheader title="选择品牌" @fatherMethod="fatherMethod"></checkheader>
    <t-list :cities="cities" :hotCities="hotCities"></t-list>
    <t-alphabet :cities="cities" :hotCities="hotCities"></t-alphabet>
    <checkfoot @resetTime="resetTime" @confirmTime="confirmTime"></checkfoot>
  </div>
</template>

<script>
import tList from './tList'
import tAlphabet from './tAlphabet'
import checkheader from '../checkHeader'
import checkfoot from '../checkFoot'
export default {
  name: 'city',
  data () {
    return {
      hotCities: [
        {'id': 1, 'imgsrc': '../../../static/images/upload/pic01.png', 'brandname': 'Acne Stuios 艾克妮'},
        {'id': 3, 'imgsrc': '../../../static/images/upload/pic02.png', 'brandname': 'Alfred Dunhil 登喜路'},
        {'id': 47, 'imgsrc': '../../../static/images/upload/pic03.png', 'brandname': 'American Eagle'},
        {'id': 239, 'imgsrc': '../../../static/images/upload/pic04.png', 'brandname': 'Burberry 博柏利'},
        {'id': 123, 'imgsrc': '../../../static/images/upload/pic05.png', 'brandname': 'Aape'},
        {'id': 178, 'imgsrc': '../../../static/images/upload/pic06.png', 'brandname': 'Adidas 阿迪达斯'}],
      cities: {
        'A': [
          {'id': 56, 'spell': 'aba', 'name': '阿坝'},
          {'id': 57, 'spell': 'akesu', 'name': '阿克苏'},
          {'id': 58, 'spell': 'alashanmeng', 'name': '阿拉善盟'},
          {'id': 59, 'spell': 'aletai', 'name': '阿勒泰'},
          {'id': 60, 'spell': 'ali', 'name': '阿里'},
          {'id': 61, 'spell': 'ankang', 'name': '安康'},
          {'id': 62, 'spell': 'anqing', 'name': '安庆'}],
        'B': [
          {'id': 1, 'spell': 'beijing', 'name': '北京'},
          {'id': 66, 'spell': 'baicheng', 'name': '白城'},
          {'id': 67, 'spell': 'baise', 'name': '百色'},
          {'id': 68, 'spell': 'baishan', 'name': '白山'},
          {'id': 69, 'spell': 'baiyin', 'name': '白银'},
          {'id': 70, 'spell': 'bangbu', 'name': '蚌埠'},
          {'id': 71, 'spell': 'baoding', 'name': '保定'}],
        'C': [
          {'id': 2, 'spell': 'chongqing', 'name': '重庆'},
          {'id': 5, 'spell': 'changchun', 'name': '长春'},
          {'id': 6, 'spell': 'changsha', 'name': '长沙'},
          {'id': 7, 'spell': 'changzhou', 'name': '常州'},
          {'id': 87, 'spell': 'changji', 'name': '昌吉'},
          {'id': 380, 'spell': 'congyang', 'name': '枞阳'}],
        'D': [
          {'id': 9, 'spell': 'dalian', 'name': '大连'},
          {'id': 10, 'spell': 'dongguan', 'name': '东莞'},
          {'id': 99, 'spell': 'dali', 'name': '大理'},
          {'id': 100, 'spell': 'dandong', 'name': '丹东'},
          {'id': 101, 'spell': 'daqing', 'name': '大庆'}],
        'E': [
          {'id': 111, 'spell': 'eerduosi', 'name': '鄂尔多斯'},
          {'id': 112, 'spell': 'enshi', 'name': '恩施'},
          {'id': 113, 'spell': 'ezhou', 'name': '鄂州'},
          {'id': 417, 'spell': 'enping', 'name': '恩平'}],
        'F': [
          {'id': 11, 'spell': 'foshan', 'name': '佛山'},
          {'id': 12, 'spell': 'fuzhou', 'name': '福州'},
          {'id': 114, 'spell': 'fangchenggang', 'name': '防城港'},
          {'id': 115, 'spell': 'fushun', 'name': '抚顺'},
          {'id': 418, 'spell': 'faku', 'name': '法库'}],
        'G': [
          {'id': 13, 'spell': 'guangzhou', 'name': '广州'},
          {'id': 120, 'spell': 'ganzhou', 'name': '赣州'},
          {'id': 121, 'spell': 'ganzi', 'name': '甘孜'},
          {'id': 122, 'spell': 'guangan', 'name': '广安'},
          {'id': 126, 'spell': 'guoluo', 'name': '果洛'}],
        'H': [
          {'id': 15, 'spell': 'haerbin', 'name': '哈尔滨'},
          {'id': 16, 'spell': 'haikou', 'name': '海口'},
          {'id': 17, 'spell': 'handan', 'name': '邯郸'},
          {'id': 18, 'spell': 'hangzhou', 'name': '杭州'},
          {'id': 19, 'spell': 'hefei', 'name': '合肥'}],
        'J': [
          {'id': 21, 'spell': 'jiaozuo', 'name': '焦作'},
          {'id': 22, 'spell': 'jiaxing', 'name': '嘉兴'},
          {'id': 157, 'spell': 'jiamusi', 'name': '佳木斯'}],
        'K': [
          {'id': 25, 'spell': 'kunming', 'name': '昆明'},
          {'id': 174, 'spell': 'kaifeng', 'name': '开封'},
          {'id': 559, 'spell': 'kangping', 'name': '康平'},
          {'id': 560, 'spell': 'kenli', 'name': '垦利'},
          {'id': 561, 'spell': 'kunshan', 'name': '昆山'}],
        'L': [
          {'id': 26, 'spell': 'lanzhou', 'name': '兰州'},
          {'id': 27, 'spell': 'liuzhou', 'name': '柳州'},
          {'id': 187, 'spell': 'liaoyuan', 'name': '辽源'}],
        'M': [
          {'id': 203, 'spell': 'maanshan', 'name': '马鞍山'},
          {'id': 204, 'spell': 'maoming', 'name': '茂名'},
          {'id': 205, 'spell': 'meishan', 'name': '眉山'},
          {'id': 630, 'spell': 'mengcheng', 'name': '蒙城'}],
        'N': [{'id': 29, 'spell': 'nanchang', 'name': '南昌'},
          {'id': 30, 'spell': 'nanjing', 'name': '南京'},
          {'id': 31, 'spell': 'nanning', 'name': '南宁'},
          {'id': 32, 'spell': 'nantong', 'name': '南通'}],
        'P': [
          {'id': 216, 'spell': 'panjin', 'name': '盘锦'},
          {'id': 217, 'spell': 'panzhihua', 'name': '攀枝花'},
          {'id': 218, 'spell': 'pingdingshan', 'name': '平顶山'},
          {'id': 219, 'spell': 'pingliang', 'name': '平凉'},
          {'id': 220, 'spell': 'pingxiang', 'name': '萍乡'}],
        'Q': [
          {'id': 34, 'spell': 'qingdao', 'name': '青岛'},
          {'id': 35, 'spell': 'quanzhou', 'name': '泉州'},
          {'id': 224, 'spell': 'qiandong', 'name': '黔东'},
          {'id': 225, 'spell': 'qiannan', 'name': '黔南'}],
        'R': [
          {'id': 235, 'spell': 'rikaze', 'name': '日喀则'},
          {'id': 236, 'spell': 'rizhao', 'name': '日照'},
          {'id': 705, 'spell': 'raoping', 'name': '饶平'},
          {'id': 706, 'spell': 'renhua', 'name': '仁化'}],
        'S': [
          {'id': 3, 'spell': 'shanghai', 'name': '上海'},
          {'id': 36, 'spell': 'shenyang', 'name': '沈阳'},
          {'id': 37, 'spell': 'shenzhen', 'name': '深圳'},
          {'id': 768, 'spell': 'suixi', 'name': '遂溪'},
          {'id': 770, 'spell': 'suyu', 'name': '宿豫'}],
        'T': [
          {'id': 4, 'spell': 'tianjin', 'name': '天津'},
          {'id': 40, 'spell': 'taizhou', 'name': '台州'},
          {'id': 41, 'spell': 'tangshan', 'name': '唐山'},
          {'id': 792, 'spell': 'tongxiang', 'name': '桐乡'},
          {'id': 793, 'spell': 'tongzhou', 'name': '通州'}],
        'W': [
          {'id': 42, 'spell': 'weifang', 'name': '潍坊'},
          {'id': 43, 'spell': 'weihai', 'name': '威海'},
          {'id': 44, 'spell': 'wuhan', 'name': '武汉'},
          {'id': 45, 'spell': 'wuxi', 'name': '无锡'},
          {'id': 272, 'spell': 'weinan', 'name': '渭南'},
          {'id': 273, 'spell': 'wenshan', 'name': '文山'}],
        'X': [
          {'id': 46, 'spell': 'xiamen', 'name': '厦门'},
          {'id': 47, 'spell': 'xian', 'name': '西安'},
          {'id': 48, 'spell': 'xuchang', 'name': '许昌'},
          {'id': 49, 'spell': 'xuzhou', 'name': '徐州'},
          {'id': 303, 'spell': 'yangquan', 'name': '阳泉'}],
        'Z': [
          {'id': 52, 'spell': 'zhangzhou', 'name': '漳州'},
          {'id': 53, 'spell': 'zhengzhou', 'name': '郑州'},
          {'id': 54, 'spell': 'zhongshan', 'name': '中山'},
          {'id': 953, 'spell': 'zunhua', 'name': '遵化'}]}
    }
  },
  components: {
    checkheader,
    tList,
    tAlphabet,
    checkfoot
  },
  methods: {
    fatherMethod () { // 返回我的账本页面
      this.$router.push({ name: 'mycheck' })
    },
    resetTime () {
      // 重置
      // console.log('重置')
    },
    confirmTime () {
      // 确定
      // console.log('确定')
      this.$router.push({name: 'mycheck'})
    },
    getCityInfo () {
      // getCitiesInfo().then(this.getCityInfoSucc)
    }
    // getCityInfoSucc (res) {
    //   if (res.data.ret && res.data) {
    //     const cityInfo = res.data.data
    //     console.log(cityInfo)
    //     this.cities = cityInfo.cities
    //     this.hotCities = cityInfo.hotCities
    //   }
    // }
  },
  mounted () {
    // this.getCityInfo()
  }
}
</script>
<style lang="stylus" scoped>
</style>
